<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>less-7.嵌套</title>
    <link rel="stylesheet" href="./less-7.嵌套.css" >
</head>
<body>
<ul id="list">
    <li><a href="javascript:;">唐僧</a></li>
    <li><a href="javascript:;">沙和尚</a></li>
    <li><a href="javascript:;">小白龙</a></li>
    <li><a href="javascript:;">孙悟空</a></li>
    <li><a href="javascript:;">猪八戒</a></li>
</ul>
<div class="box">
    <span></span>
    <span></span>
    <span class="active"></span>
    <span></span>
</div>
<pre>
本节课主讲:嵌套


</pre>
</body>
</html>